<%--
  Created by IntelliJ IDEA.
  User: 舒俊容
  Date: 2023/12/19
  Time: 11:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>论坛首页</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
<header class="header container">
    <div class="logo">校园论坛</div>
    <div class="search">
        <input type="text" class="search-input" placeholder="搜索帖子...">
        <i class="fas fa-search search-btn"></i>
    </div>
    <ul class="navbar-right">
        <!-- <li><a href="#"><img src="img/p1.jpg" class="pic"> </a></li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
               aria-expanded="false"><span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="#">个人信息</a></li>
                <li><a href="#">修改密码</a></li>
                <li><a href="#">退出</a></li>
            </ul>
        </li> -->
        <li class="pp"><a href="login.html">登陆</a></li>
        <li class="pp"><a href="#">注册</a></li>
    </ul>
    <!-- <div class="userpic">
        <a href="#"><img src="img/p1.jpg"></a>
    </div> -->
</header>
<nav class="nav container">
    <ul class="nav-links">
        <li><a href="#">首页</a></li>
        <li><a href="#">学术</a></li>
        <li><a href="#">社交</a></li>
        <li><a href="#">交易</a></li>
        <li><a href="#">求助</a></li>

    </ul>
</nav>
<div class="parttwo">
    <div class="sidebar">
        <ul class="sidebar-links">
            <li><a href="#">娱乐</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">教育</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">科技</a></li>

        </ul>
    </div>
    <div class="content container">
        <div class="card">
            <img src="img/p1.jpg" alt="">
            <div class="title">帖子标题</div>
            <div class="excerpt">帖子摘要内容</div>
            <div class="meta">
                <span>作者：小明</span>
                <span>评论：444条</span>
                <span>2023-01-01</span>
            </div>
        </div>
        <div class="card">
            <img src="img/p1.jpg" alt="">
            <div class="title">帖子标题</div>
            <div class="excerpt">帖子摘要内容</div>
            <div class="meta">
                <span>作者：小红</span>
                <span>评论：444条</span>
                <span>2023-01-01</span>
            </div>
        </div>
        <div class="card">
            <img src="img/p1.jpg" alt="">
            <div class="title">帖子标题</div>
            <div class="excerpt">帖子摘要内容</div>
            <div class="meta">
                <span>作者：小刚</span>
                <span>评论：444条</span>
                <span>2023-01-01</span>
            </div>
        </div>
        <div class="card">
            <img src="img/p1.jpg" alt="">
            <div class="title">帖子标题</div>
            <div class="excerpt">帖子摘要内容</div>
            <div class="meta">
                <span>作者：小李</span>
                <span>评论：444条</span>
                <span>2023-01-01</span>
            </div>
        </div>
        <div class="card">
            <img src="img/p1.jpg" alt="">
            <div class="title">帖子标题</div>
            <div class="excerpt">帖子摘要内容</div>
            <div class="meta">
                <span>作者：小强</span>
                <span>评论：444条</span>
                <span>2023-01-01</span>
            </div>
        </div>
        <div class="card">
            <img src="img/p1.jpg" alt="">
            <div class="title">帖子标题</div>
            <div class="excerpt">帖子摘要内容</div>
            <div class="meta">
                <span>作者：小美</span>
                <span>评论：444条</span>
                <span>2023-01-01</span>
            </div>
        </div>
    </div>
    <div class="pagination container">
        <a href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">下一页</a>
    </div>
    <div class="right-sidebar">
        <h2>校园热点</h2>
        <ul class="sidebar-post-list">
            <li><a href="#">【招募】北京大学乡村振兴研究院招募专著写作助研 1</a></li>
            <li><a href="#">【招募】11.26一杯心茶：茶话生涯 2</a></li>
            <!-- <li><a href="#">【招募】北大全健院 OneHealthAtlas志愿者招募 3</a></li>
          <li><a href="#">【招募】北大官方医疗AI会议，限时免费报名 4</a></li>
          <li><a href="#">【助研招募】乡村振兴研究院著作助研 5</a></li> -->
        </ul>
        <hr style="margin: 10px 0 10px 0;">
        <ul class="sidebar-post-list">
            <li style="font-weight: bold;"><a href="#">失物招领 身份证和各类卡</a></li>
            <li><a href="#">【寻物】Apple AirPods Pro</a></li>
            <!-- <li><a href="#">【寻物】罗技M590</a></li>
          <li><a href="#">【寻物】airpods第三代耳机</a></li>
          <li><a href="#">【寻物】未拆封蓝色运</a></li> -->
        </ul>
        <hr style="margin: 10px 0 10px 0;">
        <div class="connect">
            <p>联系我们</p>

            <div class="connect-pic">
                <img src="img/logo.png">
                <a href="#"><span>点此处或扫描二维码关注</span></a>
            </div>
            <div class="connect-title">

            </div>

            <div class="connect-body">
                <img src="img/ma.png">
            </div>

            <div class="connect-pic">
                <img src="img/logo.png">
                <a href="#"><span>点此处或扫描二维码关注</span></a>
            </div>
            <div class="connect-title">

            </div>

            <div class="connect-body">
                <img src="img/ma.png">
            </div>

            <div class="connect-pic">
                <img src="img/logo.png">
                <a href="#"><span>点此处或扫描二维码关注</span></a>
            </div>
            <div class="connect-title">

            </div>

            <div class="connect-body">
                <img src="img/ma.png">
            </div>


        </div>



    </div>
</div>


</body>

</html>
